<template>
<i v-if="name" :class="classes"></i>
</template>

<script>
export default {

  props: {
    name: {
      type: String
    },
    customClasses: {
      type: Array
    }
  },

  computed: {

    classes() {
      let classList = [
        'iconfont',
        `sye-${this.name}`
      ];

      if (this.customClasses) {
        return classList.concat(this.customClasses);
      } else {
        return classList;
      }
    }

  }
};
</script>
